import {NButton, NResult} from "naive-ui";
import {defineComponent} from "vue";

/**
 * 500 错误组件
 */
export default defineComponent({
  name: "Err500Page",
  components: { NResult, NButton },
  setup() {
    return () => (
      <main class="w-full h-screen flex flex-col justify-center">
        <NResult
          size="huge"
          status="500"
          title="500 服务器错误"
          description="服务器出错可能说明该雇用更多程序员了"
          v-slots={{ footer: () => <NButton>散财消灾吧</NButton> }}
        ></NResult>
      </main>
    );
  },
});
